<template>
	<div class="middle_all_four" style="">
		<div class="fonsi">
			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="currentColor" viewBox="0 0 16 16"
				color="white" class="bi bi-person-lines-fill">
				<path
					d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z">
				</path>
			</svg>
		</div>
		<span class="middle_all_4_span">近一年前十供应商信息</span>
		<div class="separator"></div>
		<div class="middle_all_divtb4" style="margin-top: 10px;">
			<table class="middle_all_4_tb">
				<thead>
					<tr class="odd">
						<th style="width: 10%;">排名</th>
						<th style="width: 40%;">供应商名称</th>
						<th style="width: 20%;">采购额(元)</th>
						<th style="width: 15%;">金额占比(%)</th>
						<th style="width: 15%;">发票张数</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="(i_,i) of data.supplierList" :class="i%2==0?'':'odd'">
						<td>{{i+1}}</td>
						<td>{{i_.salerName}}</td>
						<td>{{i_.totalAmount}}</td>
						<td style="color: rgb(255, 185, 78);">{{i_.rateSalerAmount}}</td>
						<td>{{i_.totalInvoiceCount}}</td>
					</tr>
				</tbody>
			</table>
		</div> <br>

		<div class="fonsi"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" fill="currentColor"
				viewBox="0 0 16 16" color="white" class="bi bi-person-lines-fill">
				<path
					d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z">
				</path>
			</svg></div> <span class="middle_all_4_span">近一年前十销售客户信息</span>
		<div class="separator"></div>
		<div class="middle_all_divtb4" style="margin-top: 10px;">
			<table class="middle_all_4_tb">
				<thead>
					<tr class="odd">
						<th style="width: 10%;">排名</th>
						<th style="width: 40%;">客户名称</th>
						<th style="width: 20%;">交易金额-含税</th>
						<th style="width: 15%;">金额占比(%)</th>
						<th style="width: 15%;">交易次数</th>
					</tr>
				</thead>
				<tbody>
					<template v-for="i_ of data.ndQyfpxyjxsList">
						<tr>
							<td colspan="5">{{i_.nd}}</td>
						</tr>
						<tr v-for="(i_,i) of i_.record" :class="i%2==0?'':'odd'">
							<td>{{i+1}}</td>
							<td>{{i_.gmfMc}}</td>
							<td>{{i_.jyje}}</td>
							<td style="color: rgb(255, 185, 78);">{{i_.zb}}</td>
							<td>{{i_.jyzs}}</td>
						</tr>
					</template>
				</tbody>
			</table>
		</div>
	</div>
</template>

<script>
	export default {
		name: "com-gysxx",
		props: {
			data: {
				required: true,
				type: Object
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style>
	@import url('@/static/scss/app.76424ad10ca5074daf35c206f425a749.css');
</style>